<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0"> 
    <meta name="Description" content="英伦音乐中文资料库,包括艺人资料/传记/照片,唱片资料/排名/打分/评论">
    <meta name="Keywords" content="英伦摇滚,英式摇滚,苏格兰音乐,独立音乐,爱尔兰音乐,自赏派音乐,绿洲乐队,山羊皮,电台司令,酷玩,恩雅,小红莓,极地双子星,披头士,滚石,britpop,shoegazing,shoegaze,4AD,ride,oasis,radiohead,blur,suede,verve,pulp,u2,enya"> 
    <meta name="author" content="狗头西">    
    <title>英伦留声机</title>
	<style type="text/css">
    html, body, #__nuxt, #__layout{  
	    position: fixed;
        margin: 0; 
        padding: 0;     
        width: 100%;               
        height: 100%; 
        min-height: 100%; 
        font-size: 14px;
		font-family: Segoe UI, Microsoft Yahei, Verdana, Helvetica Neue, Tahoma, Arial, sans-serif;
    }
	  
	#modal-overlay {
		position: fixed;
		left: 0px;    
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 1000;
		overflow: auto;
		background-color: rgba(0,0,0,1); 
    }
	
    .loading{
		width: 350px;
		height: 350px;
		position: relative;
		margin: 0 auto;
		top: 50%;
		margin-top: -180px;
		text-align: center;
	 }
	 
    .label{
		width: 350px;
		height: 20px;
		position: relative;
		margin: 0 0;
		text-align : center;
	 }
	  
	.loadEffect{
		width: 100px;
		height: 100px;
		position: relative;
		margin: 0 auto;
		top: 50%;
		margin-top: -100px;
	 }
	 .loadEffect span{
		display: inline-block;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: white;
		position: absolute;
		-webkit-animation: load 1.04s ease infinite;
	 }
	 @-webkit-keyframes load{
		0%{
		   opacity: 1;
		}
		100%{
		   opacity: 0.2;
		}
	 }
	 .loadEffect span:nth-child(1){
		left: 0;
		top: 50%;
		margin-top:-8px;
		-webkit-animation-delay:0.13s;
	 }
	 .loadEffect span:nth-child(2){
		left: 14px;
		top: 14px;
		-webkit-animation-delay:0.26s;
	 }
	 .loadEffect span:nth-child(3){
		left: 50%;
		top: 0;
		margin-left: -8px;
		-webkit-animation-delay:0.39s;
	 }
	 .loadEffect span:nth-child(4){
		top: 14px;
		right:14px;
		-webkit-animation-delay:0.52s;
	 }
	 .loadEffect span:nth-child(5){
		right: 0;
		top: 50%;
		margin-top:-8px;
		-webkit-animation-delay:0.65s;
	 }
	 .loadEffect span:nth-child(6){
		right: 14px;
		bottom:14px;
		-webkit-animation-delay:0.78s;
	 }
	 .loadEffect span:nth-child(7){
		bottom: 0;
		left: 50%;
		margin-left: -8px;
		-webkit-animation-delay:0.91s;
	 }
	 .loadEffect span:nth-child(8){
		bottom: 14px;
		left: 14px;
		-webkit-animation-delay:1.04s;
	 }
	 
	@keyframes loading {
		0% {
			width: 0;
		}
		100% {
			width: 100%;
		}
	}
	@keyframes percentage {
		10% {
			content: "10%";
		}
		20% {
			content: "20%";
		}
		30% {
			content: "30%";
		}
		40% {
			content: "40%";
		}
		50% {
			content: "50%";
		}
		60% {
			content: "60%";
		}
		70% {
			content: "70%";
		}
		80% {
			content: "80%";
		}
		90% {
			content: "90%";
		}
		100% {
			content: "100%";
		}
	}
	.bg {
		background-color: white;
		width: 30px;
		-webkit-animation: loading 8s linear infinite;
		animation: loading 8s linear infinite;
		max-width: 360px;
		position: relative;
		margin: 0 0;
	}
	.el {
		color: black;
		width: 360px;
		border: 1px solid white;
	}
	.el:after {
		padding-left: 20px;
		content: "0%";
		display: block;
		text-align: center;
		font-size: 36px;
		padding: 10px 20px;
		color: white;
		mix-blend-mode: difference;
		-webkit-animation: percentage 8s linear infinite;
		animation: percentage 8s linear infinite;
	}
 
    </style>
	<script>
		var _hmt = _hmt || [];
		(function() {
		  var hm = document.createElement("script");
		  hm.src = "https://hm.baidu.com/hm.js?9d4b326c3256f2499113113b433fb333";
		  var s = document.getElementsByTagName("script")[0]; 
		  s.parentNode.insertBefore(hm, s);
		})();
    </script>
</head>
  <body>
    {{APP}}
  </body>
</html>
